<div class="index-service">
  <div{% if section.settings.full_width %} class="page-width"{% endif %}>
    <div class="heading">
        {% if section.settings.heading != blank %}
        <h2 class="center">{{ section.settings.heading  }}</h2>
        {% endif %}
        {% if section.settings.text != blank %}
        <div class="center">{{ section.settings.text  }}</div>
        {% endif %}
    </div>
  <div class="swiper-father">
    <div class="swiper index-service-swiper">
      <div class="swiper-wrapper">
        {%- for block in section.blocks -%}
            <div class="swiper-slide swiper-no-swiping" {{ block.shopify_attributes }}>
                <div class="service-conttent">
                    {% if block.settings.html !=blank %}
                    <span>{{ block.settings.html }}</span>
                   {% endif %}
                  <div>
                    {% if block.settings.text !=blank %}
                    <div class="text">{{ block.settings.text }}</div>
                  {% endif %}
                  {% if block.settings.richtext !=blank %}
                   <div class="richtext">{{ block.settings.richtext }}</div>
                 {% endif %}
                  </div>
                </div>
            </div>
        {%- endfor -%}
      </div>
    </div>
    <div class="service-pagination swiper-pagination"></div>
  </div>
  </div>
</div>

<script>
    var swiper = new Swiper(".index-service-swiper", {
      speed: 600,
      loop:true,
      centeredSlides: true,
      observeParents:true,
      pagination: {
          el: ".service-pagination.swiper-pagination",
          clickable: true,
     },
      breakpoints: {
        320: {
          slidesPerView: 1,
          spaceBetween: 20,
          noSwiping: false,
        },
        375: {
          slidesPerView: 1,
          spaceBetween: 20,
          noSwiping: false,
        },
        750: {
          slidesPerView: 1,
          spaceBetween: 20,
          noSwiping: false,
        },
        991: {
          slidesPerView: 3,
          spaceBetween: 20,
          noSwiping: false,
        },
        1280: {
          slidesPerView: 3,
          spaceBetween: 48,
          autoplay:false,
          noSwiping: true,
        },
        1440: {
          slidesPerView: 3,
          spaceBetween: 48,
          autoplay:false,
          noSwiping: true,
        }
    }
    });
</script>




  {% schema %}
    {
      "name": "Bike service",
      "class": "bike-service spaced-section",
      "tag": "section",
      "settings": [
        {
          "type": "text",
          "id": "heading",
          "label": "Heading"
        },
        {
          "type": "text",
          "id": "text",
          "label": "Text"
        },
        {
        "type": "checkbox",
        "id": "full_width",
        "label": "t:sections.video.settings.full_width.label",
        "default": false
       }
      ],
      "blocks": [
        {
          "type": "column",
          "name": "column",
          "settings": [
            {
              "type": "html",
              "id": "html",
              "label": "icon"
            },
            {
              "type": "text",
              "id": "text",
              "label": "Text"
            },
            {
              "type": "richtext",
              "id": "richtext",
              "label": "Richtext"
            }
          ]
        }
      ],
      "presets": [
        {
          "name": "Bike service",
          "blocks": [
            {
              "type": "column"
            }, {
              "type": "column"
            }, {
              "type": "column"
            }
          ]
        }
      ]
    }
  {% endschema %}